<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.prime.com.tr/ui">
    <h:head>
        <title></title>
        <link href="css/paginaPronta.css" rel="stylesheet" type="text/css" />
    </h:head>
    <h:body onload="document.getElementById('form1:codigo').focus()" >
        <ui:composition template="#{mudarTemplateBean.template}">
            <ui:define name="centro">
                <!--p:messages globalOnly="true" showDetail="true" /-->

                <div id="divCentro">
                    <p:messages globalOnly="true" showDetail="true" />
                    <p:panel header="#{mens.CADASTRO_DE_FUNCIONARIOS}" visible="true" toggleable="true" styleClass="painelCentral" >

                        <h:form id="form1">

                            <h:inputHidden value="#{manterFuncionarioBean.funcionario.codigoFuncionario}"/>
                            <h:outputLabel value="#{mens.DADOS_PESSOAIS}" style="font-style: oblique; font-style: italic; font-weight: bolder; font-size: larger  "/>
                            <h:panelGrid  id="panelPessoal"  columns="6"     >

                                <h:outputText value="#{mens.NOME}" styleClass="outputText" />
                                <p:inputText id="nome" value="#{manterFuncionarioBean.funcionario.nome}" required="true" size="25"  />
                                <p:message for="nome"/>

                                <h:outputText value="#{mens.CPF}" styleClass="outputText" />
                                <p:inputMask id="cpf" mask="999.999.999-99" value="#{manterFuncionarioBean.funcionario.cpf}" required="true" size="25"/>
                                <p:message for="cpf"/>

                                <h:outputText value="#{mens.DATANASCIMENTO}" escape="false" styleClass="outputText"/>
                                <p:calendar  id ="dataNascimento" value="#{manterFuncionarioBean.data}" required="true" navigator="true" size="25"/>
                                <p:message for="dataNascimento"/>

                                <h:outputText value="#{mens.SALARIO}" styleClass="outputText"/>
                                <p:inputText id="salario" value="#{manterFuncionarioBean.salario}" required="true" size="25" >
                                    <f:validateRegex pattern="[0-9]+[.]+[0-9]+" for="salario" />
                                    <f:validateDoubleRange minimum="0.01" maximum="99999.99" for="salario"/>
                                </p:inputText>
                                <p:message for="salario"/>

                                <h:outputText value="#{mens.TELEFONE}" styleClass="outputText"/>
                                <p:inputMask id="telefone" mask="(99)9999-9999" value="#{manterFuncionarioBean.funcionario.telefone}" required="true" size="25"/>
                                <p:message for="telefone"/>

                                <h:outputText value="#{mens.CELULAR}" styleClass="outputText"/>
                                <p:inputMask id="celular" mask="(99)9999-9999" value="#{manterFuncionarioBean.funcionario.celular}" required="true" size="25"/>
                                <p:message for="celular"/>
                            </h:panelGrid>

                            <p:separator />
                            <h:outputLabel value="#{mens.ENDERECO}" style="font-style: oblique; font-style: italic; font-weight: bolder; font-size: larger "/>

                            <h:panelGrid id="panelEndereco" columns="6" >
                                <h:outputText value="#{mens.PAIS}" styleClass="outputText"/>
                                <p:inputText id="pais" value="#{manterFuncionarioBean.endereco.pais}" size="25" required="true">
                                    <f:validateLength for="pais" maximum="100"/>
                                </p:inputText>
                                <p:message for="pais"/>

                                <h:outputText value="#{mens.ESTADO}" styleClass="outputText"/>
                                <p:inputText id="estado" value="#{manterFuncionarioBean.endereco.estado}" size="25" required="true">
                                    <f:validateLength for="estado" maximum="100"/>
                                </p:inputText>
                                <p:message for="estado"/>

                                <h:outputText value="#{mens.CIDADE}" styleClass="outputText"/>
                                <p:inputText id="cidade" value="#{manterFuncionarioBean.endereco.cidade}" size="25" required="true">
                                    <f:validateLength for="cidade" maximum="100"/>
                                </p:inputText>
                                <p:message for="cidade"/>

                                <h:outputText value="#{mens.BAIRRO}" styleClass="outputText"/>
                                <p:inputText id="bairro" value="#{manterFuncionarioBean.endereco.bairro}" size="25" required="true">
                                    <f:validateLength for="bairro" maximum="100"/>
                                </p:inputText>
                                <p:message for="bairro"/>

                                <h:outputText value="#{mens.RUA}" styleClass="outputText"/>
                                <p:inputText id="rua" value="#{manterFuncionarioBean.endereco.rua}" size="25" required="true">
                                    <f:validateLength for="rua" maximum="100"/>
                                </p:inputText>
                                <p:message for="rua"/>

                                <h:outputText value="#{mens.NUMERO}" styleClass="outputText"/>
                                <p:inputText id="numero" value="#{manterFuncionarioBean.endereco.numero}" size="25" required="true">
                                    <f:validateLength for="numero" maximum="100"/>
                                </p:inputText>
                                <p:message for="numero"/>

                                <h:outputText value="#{mens.CEP}" styleClass="outputText"/>
                                <p:inputMask id="cep" mask="99.999-999" value="#{manterFuncionarioBean.endereco.cep}" size="25" required="true"/>
                                <p:message for="cep"/>

                                <h:outputText value="#{mens.COMPLEMENTO}" styleClass="outputText"/>
                                <p:inputText id="complemento" value="#{manterFuncionarioBean.endereco.complemento}" size="25" required="true">
                                    <f:validateLength for="complemento" maximum="500"/>
                                </p:inputText>
                                <p:message for="complemento"/>
                            </h:panelGrid>
                            <p:separator />

                            <h:panelGrid cellspacing="5" columns="3">

                                <p:commandButton ajax="false" value="#{mens.INSERIR}" action="#{manterFuncionarioBean.create}" />
                                <p:commandButton ajax="false" value="#{mens.ALTERAR}" action="#{manterFuncionarioBean.edit}" disabled="#{manterFuncionarioBean.naoSelecionouFuncionario}"/>
                                <p:commandButton ajax="false" value="#{mens.EXCLUIR}" action="#{manterFuncionarioBean.destroy}" disabled="#{manterFuncionarioBean.naoSelecionouFuncionario}"/>
                            </h:panelGrid>
                        </h:form>

                        <h:form>
                            <h:panelGrid>
                                <p:panel header="#{mens.PESQUISAR_POR}">
                                    <h:selectOneMenu >
                                        <f:selectItem itemLabel=""/>
                                        <f:selectItem itemLabel="Nome"/>
                                        <f:selectItem itemLabel="Codigo"/>

                                    </h:selectOneMenu>
                                    <p:inputText  style="margin-left: 5px"/>

                                    <p:commandButton  value="#{mens.PESQUISAR}"  action="#{manterFuncionarioBean.findFuncionarioEntities}" image="url(../img/pesquisa2.png)" ajax="false" />
                                </p:panel>
                            </h:panelGrid>

                        </h:form>

                    </p:panel>
                    <div >
                        <h:form>
                            <p:panel header="#{mens.PAINEL_DE_PESQUISA}" visible="true" toggleable="true" styleClass="painelCentral">

                                <p:dataTable scrollable="true" emptyMessage="#{mens.TABELA_VAZIA}" var="f" value="#{manterFuncionarioBean.funcionarios}" paginator="true" rows="5" paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} " rowsPerPageTemplate="5"  rendered="#{manterFuncionarioBean.exibeTabela}">

                                    <p:column>
                                        <f:facet name="header">
                                            <h:outputText value="#{mens.NOME}"/>
                                        </f:facet>
                                        <h:commandLink value="#{f.nome}" action="#{manterFuncionarioBean.formataData}" style="color: black; font-style: italic" >
                                            <f:setPropertyActionListener value="#{f.codigoFuncionario}" target="#{manterFuncionarioBean.funcionario.codigoFuncionario}"/>
                                            <f:setPropertyActionListener value="#{f.nome}" target="#{manterFuncionarioBean.funcionario.nome}"/>
                                            <f:setPropertyActionListener value="#{f.cpf}" target="#{manterFuncionarioBean.funcionario.cpf}"/>
                                            <f:setPropertyActionListener value="#{f.celular}" target="#{manterFuncionarioBean.funcionario.celular}"/>
                                            <f:setPropertyActionListener value="#{f.telefone}" target="#{manterFuncionarioBean.funcionario.telefone}"/>
                                            <f:setPropertyActionListener value="#{f.salario}" target="#{manterFuncionarioBean.salario}"/>
                                            <f:setPropertyActionListener value="#{f.dataNascimento}" target="#{manterFuncionarioBean.data}"/>
                                            <f:setPropertyActionListener value="#{f.endereco}" target="#{manterFuncionarioBean.endereco}"/>
                                            <f:setPropertyActionListener value="false" target="#{manterFuncionarioBean.naoSelecionouFuncionario}"/>
                                        </h:commandLink>
                                    </p:column>
                                    <p:column>
                                        <f:facet name="header">
                                            <h:outputText value="#{mens.CPF}"/>
                                        </f:facet>
                                        <h:outputText value="#{f.cpf}"/>
                                    </p:column>
                                    <p:column>
                                        <f:facet name="header">
                                            <h:outputText value="#{mens.SALARIO}"/>
                                        </f:facet>
                                        <h:outputText value="#{f.salario}"/>
                                    </p:column>
                                    <p:column>
                                        <f:facet name="header">
                                            <h:outputText value="#{mens.TELEFONE}"/>
                                        </f:facet>
                                        <h:outputText value="#{f.telefone}"/>
                                    </p:column>
                                    <p:column>
                                        <f:facet name="header">
                                            <h:outputText value="#{mens.CELULAR}"/>
                                        </f:facet>
                                        <h:outputText value="#{f.celular}"/>
                                    </p:column>

                                    <p:column>
                                        <f:facet name="header">
                                            <h:outputText value="#{mens.ENDERECO}"/>
                                        </f:facet>
                                        <h:form>

                                            <h:outputText value="#{f.endereco.pais}"/>
                                            <h:outputText value=", "/>

                                            <h:outputText value="#{f.endereco.estado}"/>
                                            <h:outputText value=", "/>


                                            <h:outputText value="#{f.endereco.cidade}"/>
                                            <h:outputText value=", "/>


                                            <h:outputText value="#{f.endereco.bairro}"/>
                                            <h:outputText value=", "/>


                                            <h:outputText value="#{f.endereco.rua}"/>
                                            <h:outputText value=", "/>


                                            <h:outputText value="#{f.endereco.numero}"/>
                                            <h:outputText value=", "/>


                                            <h:outputText value="#{f.endereco.cep}"/>
                                            <h:outputText value=", "/>


                                            <h:outputText value="#{f.endereco.complemento}"/>

                                        </h:form>
                                    </p:column>
                                    <p:column style="max-width: 60px">
                                        <f:facet name="header">
                                            <h:outputText value="#{mens.DATANASCIMENTO}" escape="false"/>
                                        </f:facet>
                                        <h:outputText value="#{f.dataNascimento}"/>
                                    </p:column>

                                </p:dataTable>
                            </p:panel>
                        </h:form>
                    </div>
                </div>
            </ui:define>
        </ui:composition>



    </h:body>
</html>
